<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="./images/logo.ico">
     <link rel="stylesheet" href="./css/serviceDetail.css">
     <link rel="stylesheet" href="./css/common.css">
    <title>服务详情</title>
</head>
<body>
<!--公共头部-->
<div class="headerwrap clears bord-bott2">
    <div class="headnav">
        <div class="headnav-cent">
            <div class="headnav-left l">
                <p class="headnav-left-download">
                    <span class="headnav-left-img"></span>
                    <span class="headnav-left-text">分享实地圈</span>
                </p>
                <p></p>
            </div>

            <div  class="headnav-right r">
                <ul class="headnav-right-ul r">
                    <li class="show pleaseLogin"><a href="./login.html" class="bordRight1c">您好，请登录</a></li>
                    <li class="hide hasLogin"><a id="username"  class="" href="">kewei</a><span class="line"></span><a class="bordRight1c" id="loginOut" href="">退出</a></li>
                    <li class="hide"><a  class="bordRight1c" href="">返回首页</a></li>
                    <li class="my_sdq"><a class="bordRight1c" href="">我的实地圈<span class="headnav-arrow"></span></a></li>
                    <li class=""><a class="bordRight1c my_collect" href="javascript:void(0)">我的收藏</a></li>
                    <li class="down-app">
                        <span class="headnav-left-img"></span>
                        <span class="headnav-left-text">手机实地圈</span>
                        <span class="headnav-left-arrow"></span>
                        <div class="head-app-down hide">
                            <img src="./images/appcode.png" alt="">
                        </div>
                    </li>
                    <div class="clears"></div>
                </ul>
            </div>
            <div class="clears"></div>
        </div>
    </div>
    <div class="headAdvert hide">
        <div class="headAdvert-img">
            <span>X</span>
            <img src="./images/advert.png" alt="">    
        </div>
    </div>
    <div class="pubtopwrap">
        <div class="pubwrap">
            <div class="pubtopcon">
                <div class="logo"></div>
                <div class="changecity">
                    <span id="currentCity" class="col333">定位中...</span>
                <a href="javascript:void(0)" class="col37c">切换城市</a>
                </div>
                <div class="pubsearch setbox_s bgfff">
                    <div class="searchMenu">
                        <div class="searchTab bgfff">
                            <ul class="tab-ul">
                                <li data-tag="1" class="bgcoff">商品</li>
                                <li data-tag="2" class="bgcoff">商家</li>
                                <li data-tag="3" class="bgco36">服务</li>
                            </ul>
                        </div>
                        <i></i>
                    </div>
                    <input type="text" class="searchinp col333" placeholder="请输入服务名">
                    <a href="javascript:void(0);" class="searcha colfff bg2fb">搜索</a>
                    <div class="nearArea">
                        <ul class="l">
                            <li><a href="">肯德基</a></li>
                            <li><a href="">汤粉</a></li>
                            <li><a href="">KTV</a></li>
                            <li><a href="">酒店</a></li>
                            <li><a href="">酒店</a></li>
                            <li><a href="">酒店</a></li>
                            <li><a href="">酒店</a></li>
                            <li><a href="">酒店</a></li>
                            <li><a href="">酒店</a></li>
                            <li class="clears"></li>
                        </ul>
                    </div>
                 </div>
                <div class="clears"></div>
            </div>
            <div class="clears"></div>
            <div class="classifynav ">
                 <!--这里显示分类-->
                <div class="cont_body_nav setbox_s l">
                    <ul class="service_nav">

                    </ul>
                    <div class="service_nav_kid hide">
                        <ul class="nav_kid">

                        </ul>
                    </div>
                </div>
                <span class="colfff nav_down">服务分类<i></i>  
                </span>
                <ul>
                    <li data-links="index" class="link_index jump_links">
                        <a href="javascript:void(0);" class="col333">首页</a>
                    </li>
                    <li data-links="goods" class="link_goods jump_links">
                        <a href="javascript:void(0);" class="col333">商品</a>
                    </li>
                    <li data-links="shop" class="link_shop jump_links">
                        <a href="javascript:void(0);" class="col333">商家</a>
                    </li>
                    <li data-links="service" class="link_service jump_links">
                        <a href="javascript:void(0);" class="col37c ">服务</a>
                    </li>
                </ul>
                <div class="nav-img hide">
                    <img src="./images/appcode.png" alt="">
                </div>
            </div>
        </div>
    </div>
</div>
<!--服务详情页-->
<div id="zwl-serviceDetail">
    <div class="service-level">
        <p>
            <span>服务</span>
            <span class="levelr">></span>
            <span class="levelr level_1"></span>
            <span class="levelr">></span>
            <span class="levelr level_2"></span>
        </p>
    </div>
    <!--服务详情-->
    <div class="serviceDetail">
        <div class="service-intro">
            <div class="info">
            <div class="detailsl" id=preview>
                <div class="jqzoom" id="spec-n1"><img height="400px"
                src="./images/loading.gif" jqimg="./images/loading.gif" width="400px">
                </div>
            <div id="spec-n5">
                <div class="control" id="spec-left">
                    <img src="ad/left.gif" />
                </div>
                <div id="spec-list">
                    <ul class="list-h">
                        <li><img src="ad/img01.jpg"> </li>
                    </ul>
                </div>
                <div class="control" id="spec-right">
                    <img src="ad/right.gif" />
                </div>	
            </div>
            </div>
            <div class="intro">
            <p class="name-p"></p>
            <span class="intro-detail"></span>
            <p class="intro-price"><span class="price-name">价格：</span><span class="price-num"></span><span class="unit"></span></p>
            <p class="intro-contact"><span class="contact">联系方式：</span><span class="contact-phone"></span><span class="linkman">联系TA</span></p>
            <span class="intro-collected">
                <span class="collect-sc"><span class="img"></span><span class="count">收藏量：</span></span>
                <span class="collect-ll"><span class="img"></span><span class="count">浏览量：</span></span>
                <span class="collect-log"><span class="img1 un-collect"></span><span class="count1">收藏</span></span></span>
            </span>
            </div>
            </div>
            <div class="serviceDetail-name">服务详情</div>
            <span class="biaoti">服务详情</span>
            <div class="serviceDetail-intro"></div>
            <div class="serviceDetail-img"><img src="./images/124.png" alt=""></div>
        </div>
        <!--猜你喜欢-->
        <div class="guess hide">
            <div class="guess-like">
                <hr class="hr1 l">
                <span>
                 猜你喜欢
                 </span>
                <hr class="hr2 r">
                <div class="guess-pic">
                     <div class="pic-pic"><img src="./images/122.png" alt=""><span>服务</span></div>
                     <div class="pic-pic"><img src="./images/122.png" alt=""><span>服务</span></div>
                     <div class="pic-pic"><img src="./images/122.png" alt=""><span>服务</span></div>
                     <div class="page">
                         <span class="forward-b"></span>
                         <span class="forward-t"></span>
                     </div>
                </div>
            </div>

            <div class="guess-like-ta">
                <hr class="hr1 l">
                <span>
                 TA的服务
                 </span>
                <hr class="hr2 r">
                <div class="guess-pic">
                     <div class="pic-pic"><img src="./images/122.png" alt=""><span>服务</span></div>
                     <div class="pic-pic"><img src="./images/122.png" alt=""><span>服务</span></div>
                     <div class="pic-pic"><img src="./images/122.png" alt=""><span>服务</span></div>
                      <div class="pic-pic"><img src="./images/122.png" alt=""><span>服务</span></div>
                     <div class="page">
                         <span class="forward-b"></span>
                         <span class="forward-t"></span>
                     </div>
                </div>
            </div>

</div>
        <div class="clears"></div>
    </div>
</div>
<!--底部-->
<div class="index_footer">
    <div id="zwl-footer">
        <div class="detail ">
            <ul class="detail-ul">
                <li class="detail-li1">
                    <div class="detail-div3">
                        <p class="detail-div-head text-left">用户帮助</p>
                        <a href="#" class="detail-div-son son1">常见问题</a>
                    </div>
                </li>
                <li class="detail-li">
                    <div class="detail-div">
                        <p class="detail-div-head text-right">手机实地圈</p>
                        <a href="#" class="detail-div-son">下载手机版</a>
                    </div>
                </li>
                <li class="detail-li">
                    <div class="detail-div1">
                        <p class="detail-div-head text-right">商户合作</p>
                        <a href="#" class="detail-div-son">友情链接</a>
                        <a href="#" class="detail-div-son">市场合作</a>
                    </div>
                </li>
                <li class="detail-li">
                    <div class="detail-div1">
                        <p class="detail-div-head text-right">公司信息</p>
                        <a href="#" class="detail-div-son text-right">关于实地圈</a>
                        <a href="#" class="detail-div-son text-right">微信公众号</a>
                        <a href="#" class="detail-div-son text-right">新浪微博</a>
                    </div>
                </li>
                <li class="detail-li1 detail-li2">
                    <div>
                        <div class="detail-div2">
                        <p class="detail-div-head text-right head2">联系方式</p>
                        <a href="#" class="detail-div-son text-right">电话：400-886-7938</a>
                        <a href="#" class="detail-div-son text-right">周一至周日:</a>
                        <a href="#" class="detail-div-son text-right">9:00-22:00</a>
                    </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="log">
            ©2016 shidiquan.cn  京ICP证030173号  京公网安备11010802014106号  互联网药品信息
    </div>
</div>
<!--侧边栏选项-->
<div class="index_side">
    <div class="s_div s_back_top">
        <p class="s_wid_back hide">
            <i>回到顶部</i>
            <span></span>
        </p>
        <span class="s_bg s_bg_back hide">
            <span></span>
            <i>
                返回  
                顶部
            </i>
        </span>
    </div>
    <div class="s_div s_down">
        <p class="s_wid_down hide">
           <span>扫描二维码</span>
            <img src="./images/appcode.png" alt="">
        </p>
        <span class="s_bg s_bg_down">
            <span></span>
            <i>
               下载
               app
            </i>
        </span>
    </div>
</div>
<!--登录弹出框提示信息-->
<div id="loginBox">
    <div id="loginBody" class="loginBody">
    </div>
    <div class="login">   
        <div class="login-detail">
            <i class="closeBtn"></i>
            <span class="login-log col141 font16">请先登录</span>
            <div class="login-l login-name">
                <div class="login-user l"></div>
                <input placeholder="手机号/实地圈号登录" class="login-input font14 ">
            </div>
            <div class="login-l login-pwd">
                <div class="login-user lr l"></div>
                <input type="password" placeholder="请输入密码" class="login-input font14 ">
            </div>
            <div class="auto">
                <input class="auto-login l" type="checkbox" name="checkbox"  value="login" /> <span class="auto-span a_login l">记住密码</span><span class="auto-span l text-right">忘记密码?</span>
            </div>

            <div class="loginIn colfff ">
                登录
                <div class="error">账号或者密码不能为空!</div>
            </div>
            <span class="download font12 col36c">下载手机APP注册</span>
        </div>
    </div>
</div>
</body>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/layui.js"></script>
<script src="js/base.js"></script>
<script src="js/163css.js"></script>
<script src="js/lib.js"></script>
<script src="js/common.js"></script>
<script src="./js/jqzoom.js"></script>
<script src="./js/page/serviceDetail.js"></script>
<script src="./js/jumpPage.js"></script>
</html>